/******************************************* 
	Reset
*******************************************/
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
html {overflow-y: scroll;} 
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }

/******************************************* 
	Layout
*******************************************/
body { background:#fff; font:62.5% arial,helvetica,sans-serif;}
.wrapper { margin:0 auto; width:968px; }

#header, #content, #footer { margin:0 14px; }

.col1 { width:620px; margin:0 auto; }
.col13 { width:300px; }
.col23 { width:620px; }
.col14 { width:220px; }
.col24 { width:460px; }
.col34 { width:700px; }
	.col34 .col24 { width:340px; }
	.col34 .col13 { width:220px; }
.col16 { width:140px; }
.col46 { width:620px; }
.col50 { clear:none !important; float:left; width:49%; }
.col13, .col23, .col14, .col24, .col34, .col16, .col46 { float:left; margin-left: 20px; }
	
#content .panel { margin-bottom:20px; }
	#content .panel h3 { color:#666; font-size:1.2em; font-weight:normal; margin:0 0 5px 6px; }
		#content .panel h3 em { display:block; float:right; font-size:90%; font-weight:normal; font-style:normal; }
			#content .panel h3 em a { padding:0 2px; }
	#content .border h3 { margin:0 0 10px 0; padding: 0 0 5px 0; }
	#content .cc { padding:2px 8px; }
	#content .green .rounded { background-color:#badb3c; }
		#content .green2 .rounded { background-color:#e9f4bd; }
	#content .orange .rounded { background-color:#f19720; }
	 #content .orange2 .rounded { background-color:#fdf0de; }
	#content .yellow .rounded { background-color:#fad60d; }
		#content .yellow2 .rounded { background-color:#fef9db; }
	#content .blue2 .rounded { background-color:#f6faff; }
	#content .gray .rounded { background-color:#f0f0f0; }
	#content .constr .rounded { background:url(../images/bg/construction.gif); }
	#content form .panel { margin-bottom:10px; }
		form .panel .rounded { background-color:#e9f0f7; margin-bottom:15px; }
			#content form .panel .rounded .cc { padding:4px 10px; }
		form .last .rounded { margin-bottom:0; }
	#content .poster .rounded .cc { padding:20px 0; text-align:center; }
	
.panelGreen .h, .panelYellow .h { height:6px; }
.panelGreen .cc, .panelYellow .cc { padding:0 6px 6px 6px; }
.panelGreen { background:#d5e26a url(../images/bg/pGreen.gif) no-repeat center bottom; }
	.panelGreen .h { background:#d5e26a url(../images/bg/pGreenH.gif) no-repeat; }
.panelYellow { background:#fcd84f url(../images/bg/pYellow.gif) no-repeat center bottom; }
	.panelYellow .h { background:#fcd84f url(../images/bg/pYellowH.gif) no-repeat; }
	
.rounded { border-left: solid 1px #dbe2e6; border-right: solid 1px #dbe2e6; }
	.rounded .cc { border-left: 1px solid #fff; border-right: 1px solid #fff; padding:8px; background: transparent !important;}
	.c1, .c2, .c3, .c4 { position: relative; height: 6px; background-repeat: no-repeat; overflow: hidden; }
	.c1, .c3 { margin: 0px 5px 0px -1px; width: 100%; }
	.c2, .c4 { margin: -6px 0px 0px 0px; float: right; width: 6px; right: -1px; }
	.rounded .c1 { background-image: url(../images/c1.png); }
	.rounded .c2 { background-image: url(../images/c2.png); }
	.rounded .c3 { background-image: url(../images/c3.png); }
	.rounded .c4 { background-image: url(../images/c4.png); }
	
#lead { background-color:#0079b3; padding:0 0 20px 0; margin-bottom:20px; }
	#lead .col23 span {display:none;}
		#lead .col23 h2 { margin:0; padding:0; }
		#lead .col23 h2 a { background: url(../images/welcome/header.gif) no-repeat; display:block; height:50px; width:620px; }
		#lead .col23 p { background: url(../images/welcome/picture.gif) no-repeat; height:181px; width:620px; }
		#lead li { background: url(../images/welcome/items.gif) no-repeat; float:left; margin-left:10px; }
			#lead li, #lead li a { display:block; height:60px; width:116px; }
			#lead .li1 { background-position:0 0; }
				#lead .li1:hover { background-position:0 -60px; }
			#lead .li2 { background-position:-126px 0; }
				#lead .li2:hover { background-position:-126px -60px; }
			#lead .li3 { background-position:-252px 0; }
				#lead .li3:hover { background-position:-252px -60px; }
			#lead .li4 { background-position:-378px 0; }
				#lead .li4:hover { background-position:-378px -60px; }
			#lead .li5 { background-position:-504px 0; }
				#lead .li5:hover { background-position:-504px -60px; }
	#lead .col13 h3 { font-weight:bold; font-size:1.4em; height:27px; margin:0; padding:8px 0 0 6px; }
	#lead .panelGreen { height:130px; }
	#lead .panelYellow { height:91px; }	
	#lead label.f { width:80px; }
	#lead input.t { display:block; float:right; width:170px; }
	#lead .row { clear:both; padding:0; padding:0; height:20px; }

/******************************************* 
	Header
*******************************************/
#header { height:160px; margin-left:0; }
	
	#header a b { display:none; }
	
	#header h1, #header h1 a { background: url(../images/hand.gif) no-repeat 0 0; display:block; float:left; height:110px; width:93px; }
	
	#header .logout { float:right; height:74px; width: 26px; }
		#header .logout a { background:url(../images/sprites/logout.gif) no-repeat; display:block; float:right; height:20px; margin-top:15px; width:18px; }
			#header .logout a:hover { background-position: 0 -20px; }
			
	#header .god li { float:right; }
		#header .god li.avatar { height:64px; width: 52px; }
			#header .god li.avatar a { background-color:#fff; border:solid 1px #ccc; display:block; float:right; padding:1px; margin-top:15px; }
				#header .god li.avatar a:hover { background-color:#328fc0; border-color:#328fc0; }
				#header .god li.avatar a img { height:40px; width:40px; }
		#header .god li.name { font-size:1.4em; font-weight:bold; height:35px; line-height:35px; text-align:right; width:700px; }
			#header .god li.name a { color:#7db82d; }
				#header .god li.name a:hover { background-color:Transparent; color:#328fc0; }
		#header .god li.stats { display:inline; height:34px; width:200px; }
			#header .god li.stats li { margin-left:5px; }
				#header .god li.stats li a { background:url(../images/sprites/stats.gif) no-repeat; color:#ccc; display:block; font-size:1.4em; font-weight:bold; line-height:24px; margin-left:6px; padding-left:30px; opacity: 0.7; filter: alpha(opacity=70);  }
					#header .god li.stats li a:hover { color:#328fc0; opacity: 1.0; filter: alpha(opacity=100); }
					#header .god li.stats li.active a { color:#f19720; }
				#header #statsM a { background-position: 0 0; }
					#header #statsM.active a { background-position: 0 -50px; }
				#header #statsF a { background-position: -100px 0; }
					#header #statsF.active a { background-position: -100px -50px; }
				#header #statsG a { background-position: -200px 0; }
					#header #statsG.active a { background-position: -200px -50px; }
				#header #statsM.active a:hover, #header #statsF.active a:hover, #header #statsG.active a:hover { color:#328fc0; }
	
	#header .panel { background:#0273b2 url(../images/bg/panel.gif) no-repeat top right; float:left; height:36px; width:861px; }
		#header .panel ul { margin:6px 0 0 0; float:left; position:relative; left:-10px; width: 100%;  }
			#header .panel li { float:left; margin-left:10px; }
				#header .panel li.r { margin-right:10px; }
				#header .panel li.r, #header .panel li.a { float:right; }
				#header .panel a { color:#fff; display:block; float:left; font-size:140%; height: 24px; line-height:24px; padding: 0 6px; }
					#header .panel li.active a { background-color:#f6921e !important; }
					#header .panel a:hover, #header .panel li.hover a { background-color: #44c5ea; }

	#header form { display:block; float:left; padding-left:33px; position:relative; top:-10px; }
		#header input { background: #fff url(../images/bgSearch.gif) left center no-repeat; border: 1px solid #bfbfbf; color:#999; font-size:1.4em; padding:2px 4px 2px 24px; width:170px; }
		
	#header ul.sub { clear:both; height:20px; padding:5px 0 0 90px; }
		#header ul.sub li { float:left; margin-right:4px; }
			#header ul.sub li a { display:block; float:left; font-size:1.3em; margin:0; padding:2px 6px; }
			#header ul.sub li a:hover, #header ul.sub li.active a { background-color:#44c5ea; color:#fff; }
			#header ul.sub li.active a { color:#fff; }
				#header ul.sub li.active a.disabled { background-color:#eee; color:#ddd; }
					#header ul.sub li.active a.disabled:hover { background-color:#eee; color:#fff; }
			#header ul.sub li a.disabled { color:#ddd; }
				#header ul.sub li a.disabled:hover { background-color:Transparent; }
	#header div.subMenus {clear: both; height: 25px; overflow: hidden; position: relative; }
		#header div.subMenus ul.sub {position: absolute; top: -25px; }
				
	#header ul.login { color:#999; float:right; font-size:1.8em; padding:20px 0 0 0; }
		#header ul.login li { display:inline; }
	
	#pageAnonym #header { height:130px; }
	#pageAnonym #header h1, #pageAnonym #header h1 a { background: url(../images/dnevnik.gif) no-repeat 0 0; height:110px; width:220px; }
	#pageAnonym #header ul { float:right; margin-top:80px; }
		#pageAnonym #header ul li { float:left; font-size:1.8em; font-weight:bold; margin-left:25px; }
		#pageAnonym #header ul a { color:#0079b3; }
			#pageAnonym #header ul a:hover, #pageAnonym #header ul a.active { color:#f6921e; }

/******************************************* 
	Footer
*******************************************/
#footer { clear:both; color:#999; font-size:1.2em; margin-top:80px; }
	#footer a:hover { background:#328fc0; color:#fff; }
	#footer p { margin:5px 0 0 0; }
	#footer li { float:left; font-size:1.2em; margin:0 20px 0 0; width:auto; }
	#pageAnonym #footer { margin-top:40px; }
		
/******************************************* 
	Typography
*******************************************/
strong, b, th, /*thead td,*/ h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var { font-size: 92%; font-family: arial,helvetica,sans-serif; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 75%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }

#content { font-size: 120%; }
h2, h3, h4 {	font-family:tahoma,arial,sans-serif; font-weight:normal; }
h2 em, h3 em, h4 em { font-style:normal; font-weight:bold; }
h2 { color:#af69a1; font-size: 2.2em; padding-bottom:20px; font-weight:normal; }
	h2 a:hover { background-color:Transparent; color:#eb8601; }
	h2 img { vertical-align:top; }
h3 { font-size: 1.6em; color:#666; margin-bottom:15px; }
h4 { font-size: 1.4em; color:#666; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }

#content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

.big { font-size:1.8em; }

.line2 { height:2.5em; }
.line3 { height:3.5em; }

p.more { padding-top:10px; text-align:right; }

.s2, .s3, .s4 { color:#444; }
	.s2 p, .s3 p, .s4 p { margin:0.5em 0; }
.s2 { font-size:1.2em; }
.s3 { font-size:1.3em; }
.s4 { font-size:1.4em; }

.text { font-size: 1.2em; line-height: 1.4em; }
	.text blockquote *:first-child { margin: .8em 0; }
	.text hr, .text p, .text ul, .text ol, .text dl, .text pre, .text blockquote, .text address, .text table, .text form { padding: 0.8em 0; }
	.text p+p { margin-top: -.8em; }
	.text h2, .text h3, .text h4 { color:#af69a1; font: normal 1.0em Tahoma, Arial, sans-serif; margin-top:0; }
	.text h1, .text h2, .text h3, .text h4 { padding:0; }
	.text h1 { margin: 1em 0 .5em;  }
	.text h2 { font-size:1.9em; margin: 0.2em 0 .735em; }
	.text h3 { font-size:1.4em; margin: 0.2em 0; }
	.text h4 { font-size:1.2em; margin: 1.23em 0 .615em; }
	.text h5 { margin: 1.33em 0 .67em; }
	.text h6 { margin: 1.6em 0 .8em; }
	.text th, .text td { padding: .8em; }
	.text caption { padding-bottom: .8em; } /* padding instead of margin for IE */
	.text blockquote { padding: 0 1em; margin: 1.6em 0; }
	.text a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
	.text dt { font-weight: bold; margin-top: .8em; margin-bottom: .4em; }
		.text dd { margin-left:1em; }
	.text ul { margin-left: 1.5em; }
	.text ul li { text-indent: -.85em; margin-left: .85em; }
	.text ul li:before { content: "\2022\00a0\00a0"; }
	.text ol { margin-left: 2.35em; list-style-position: outside; list-style-type: decimal; }
	.text ol ol, .text ul ol { margin-left: 2.5em; }
	.text table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
	.text th, .text td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
	blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
	blockquote *:first-child:before { content: "\201C"; }
	blockquote *:first-child:after { content: "\201D"; }
	q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	
/******************************************* 
	Colors
*******************************************/
a { outline:none; }
	a:link { text-decoration: none; color: #32a1ce; }
	a:visited { text-decoration: none; color: #328fc0; }
	a:hover { color:#f6921e; }
	a:active, a:focus {  }
	a.orange { color:#f6921e; }
		a.orange:hover { color:#f00; }
	a.green { color:#92a20a; }
		
.green { color:#c2d23a; }
.yellow { color:#ffcd11; }
	
code, pre { color: #c33; }

/******************************************* 
	Forms
*******************************************/
legend { background: #fff; padding-left: .8em; padding-right: .8em; }
	legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
select { padding: .1em .2em 0 .2em; }
	option { padding: 0 .4em; }
textarea, input.t, select, input[type='text'], input[type='password'] { border: 1px solid #ccc; background-color: #fff; cursor: text; font-size: 120%; font-family: arial,helvetica,sans-serif; padding: 4px; } 
textarea:hover, input.t:hover, select:hover { border-color: #aaa; }

	.col1 textarea { width:610px; }
		.col1 .rounded textarea { width:586px; }
	.col23 textarea { width:610px; }
		.col23 .rounded textarea { width:586px; }
	.col24 textarea { width:450px; }
	.col34 textarea { width:690px; }
		.col34 .rounded textarea { width:666px; }
		
	textarea.editor { height:250px; }

input[type='checkbox'], input[type='radio'] { margin-right:5px; }

input, select { cursor: pointer; vertical-align:middle; }
	form input.button { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; font-size:1.4em; overflow:visible; padding:2px 8px; width: auto; }
		form input.button:hover { background:#f19720; }
		form input.green, form input.yellow, form input.orange { font-weight:bold; }
		form input.green { background:#badb3c; border-color:#d8f273; border-right-color:#9fc11e; border-bottom-color:#9fc11e; }
			form input.green:hover { background:#76b9ea; }
		form input.yellow { background:#fbd504; border-color:#fce254; border-right-color:#e6c400; border-bottom-color:#e6c400; }
			form input.yellow:hover { background:#76b9ea; }
		form input.orange { background:#f19720; border-color:#fdc881; border-right-color:#eb8601; border-bottom-color:#eb8601; }
			form input.orange:hover { background:#76b9ea; }
	form input.file { font-size:1.4em; padding:4px; width:400px; }
	form input.icon	{ background-position:2px center; padding-left:24px; }
	form input.wTime { text-align:center; width:1.6em; }
	input.disabled { background-color: #eee !important; border-color: #fff !important; }
	
form h3 { margin:0; padding:0 0 5px 5px; }

form .big { font-size:1.8em; }

form .checkboxes {}
	form .checkboxes li { font-size:1.2em; height:1.6em; line-height:1.6em; padding:4px; margin-left:10px; }
		form .checkboxes li:hover { background:#d7e6f2; }
		
.fields td { padding:0 6px 6px 0; }
	
form label { }
	form label.fixed, form label.f { display:block; float:left; width:150px; }
	form label.inline, form label.b { display:block; padding-bottom:5px; }
	
div.f { margin-left:150px; }
	
.row { clear:left; margin:0 0 20px 0; }
	.rowInline { float:left; margin:0 6px 20px 0; }

.privacy { float:right; min-height:20px; padding: 0 0 0 20px; width:250px; }
.permissionEdit {  }
	.permissionEdit .col12 { float:left; width:220px; margin-right:20px; }
	.permissionEdit h3 { font-size:120%; margin:0; padding:0 0 15px 0; }
	.permissionEdit ul { background:#fff; clear:both; padding:10px 0; }
		.permissionEdit ul li { padding: 0 0 5px 18px; }
		.permissionEdit ul li label { padding-left:5px; }
		.permissionEdit ul ul { padding:10px 0 0 0; }
		.permissionEdit ul li input { margin:0; padding:0; overflow:visible; }

.sample { color:#999; margin:5px 0; }

form.formGrid {  }
	form.formGrid .button { font-size:1.0em; padding:2px 5px; }
		.formGrid .button:hover { background:#f3a944; color:#fff; }
		
form.formSearch { color:#666; padding-bottom:10px; }
	form.formSearch .button { font-size:1.2em; padding:2px 8px; }
	form.formSearch label.b { padding-bottom:0; }
	form.formSearch .row, form.formSearch .rowInline { margin:0 6px 6px 0; }
	.formSearch .fakeLabel { height:1.3em; }
		
.formLogin {  }
	.formLogin label { font-size: 1.2em;  }
	.formLogin .row {}
	.formLogin .t { width:250px; }
	.formLogin label a { display:block; margin-left:5px; }
	
form .text { font-size:1.0em; margin-bottom:10px; }
	form .text p { color:#666; margin:0; }
		
form div.textLimit { float:right; }

form ul.select {  }
	form ul.select li { margin:0 0 5px 10px; }
		form ul.select li.stepBottom { margin-bottom:10px; }
	form ul.select li input { vertical-align:middle; }
	
form ul.selectWithText {  }
	form ul.selectWithText li { margin:0 0 5px 0; clear:left; }
	form ul.selectWithText input { width:30px; margin:0; padding:0; }
	#content form ul.selectWithText h4 { color:#333; display:inline; font-size:1.1em; font-weight:bold;  }
	form ul.selectWithText p { color:#666; margin:2px 0 0 32px; }
	form ul.selectWithText ol { margin-top:5px; }
		form ul.selectWithText ol li { margin:0 0 2px 25px; }
		form ul.selectWithText ol input { vertical-align:middle; }
	form ul.selectWithText ul { margin-top:5px; }
		form ul.selectWithText ul li { color:#666; list-style-type:disc; margin:0 0 5px 50px; }
	
form .w0 { width:70px; }
	form .w1 { width:150px; }
	form .w2 { width:200px; }
	form .w3 { width:300px; }
	form .w100 { width:98%; }

/******************************************* 
	Lists
*******************************************/
div.emptyData { clear:both; color:#999; text-align:center; padding:20px 0; }
	div.emptyData p { margin:5px 0; }
	.panel div.emptyData {  padding:10px 0; }

#comments { clear:both; margin-bottom:10px; }
	#comments form { clear:both; width:100%; }
		#comments form textarea	{ height:100px;	width:98%;	}
	#comments h3 { clear:both; }

.voter { color:#999; height:20px; }
	.voter ul { height:20px; }
	#content .voter li { background:url(../images/sprites/vote.gif); float:left; font-weight:bold; padding:0; margin:0 0 0 3px; }
	.voter a { background:url(../images/sprites/vote.gif); display:block; padding:0; width:16px; height:16px; }
	.voter span { display:none; }
	#content .voter li.plus, #content .voter li.minus { width:16px; height:16px; }
	#content .voter .plus a { background-position:-16px 0; }
	#content .voter .minus a { background-position:0 0; }
	#content .voter li.plus { background-position:-16px -32px; }
	#content .voter li.minus { background-position:0 -32px; }
	#content .voter li.p2 { background-position:-16px -16px; }
	#content .voter li.m2 { background-position:0 -16px; }
	#content .voter .plus a, #content .voter .minus a { margin: 0; padding:0; }
	#content .voter .plus {color:Green; }
	#content .voter .minus {color:Red; }
	#content .voter li.count { background:none; padding-right:4px; width:auto; }
	
dl.contacts { }
	.contacts dt { color:#999; font-size:1.0em; }
	.contacts dd { font-size:1.4em; margin:2px 0 10px 10px; }

dl.details { margin-top:10px; }
	dl.details dt { font-size:100%;	margin:10px 0 0 0; }
	dl.details dd {	color:#666;	font-weight:bold; font-size:120%; margin:2px 0 5px 10px; }
		dl.details .large strong, dl.details .large a {	font-size:160%; }
		dl.details dd.text { font-size:110%; font-weight:normal; line-height:1.4em; }
		
dl.faq { }
	.faq dt { font-weight:bold; }
	.faq dd { margin:5px 0 10px 10px; }
		
dl.info { }
	dl.info dt { clear:left; color:#666; float:left; padding:3px 10px 3px 0; width: 9em; }
	dl.info dd { margin:0 0 0 10em; padding:3px 0; }
	
ol.dict { font-size:1.2em; margin-left:40px; list-style-type:decimal; }
	.dict li { color:#999; margin:8px 0; }
	.dict .dt { margin-bottom:2px; }
		.dict .dt a { font-weight:bold; }
	.dict .dd { color:#000; margin:0; }
	
table.calendar { width:100%; }
	table.calendar caption  { color:#666; font-size:1.2em; padding:2px 2px 8px 2px; text-align:center; }
		table.calendar caption a  { font-weight:bold; padding:0 2px; }
		table.calendar caption a.monthP  { display:block; float:left; }
		table.calendar caption a.monthN  { display:block; float:right; }
	table.calendar th { color:#666; font-weight:normal; padding:2px 0; text-align:center; width:14%; }
	table.calendar th.dayW { color:Red; }
	table.calendar td { border:solid 1px #ddd; font-size:1.2em; padding:2px 4px; text-align:center; vertical-align:middle; }
		table.calendar td a { display:block; font-weight:bold; padding:2px 0; width:100%; }
		table.calendar td.dayW a { }
		table.calendar td.dayO { color:#999; }
			table.calendar td.dayO a { color:#ccc; font-weight:normal; }
		table.calendar td.empty a { color:#bbb; }
		table.calendar td.dayS { background:#ffeaaa; }
		table.calendar td:hover { background-color:#ffeaaa; }
	.big table.calendar td { height:4em; }
	.year .calendar { margin-bottom:10px; }
	
table.calBig {}
	table.calBig td { font-size:1.0em; height:6em; text-align:left; vertical-align:top; }
	table.calBig td a { display:inline; font-weight:normal; }
	table.calBig td div.d { margin-bottom:6px; }
	table.calBig td div.d a { color:#999; font-size:1.2em; font-weight:bold; }
		table.calBig td.dayO div.d a { color:#ccc; font-weight:normal;}
	table.calBig td p { margin:2px 4px; }
	
table.grid { width:100%;  }
	.grid th { color:#666; font-size:90%; font-weight:normal; padding:4px 0; text-align:center; }
	.grid td { border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:4px 8px; }
		.grid td.tdN { font-size:1.4em; }
	.grid tr:hover td { background-color:#f6f6f6; }
	.grid td.center { text-align:center; }
	.gridCount { color:#999; padding:0 0 15px 0; }
	.grid tr.highlight td { background-color:#fef6ec; }
	.grid tr.selected td { background-color:#ffeaaa; }
	.gray .cc .grid td { background:#fff; }
		.gray .cc .grid tr:hover td { background-color:#ffeaaa; }
	
table.forums {}
	table.forums .tdN p { color:#999; font-size:.8em; margin:4px 10px; }
	
table.messages { margin-top:10px; }
	table.messages .avatar { float:none; }
	table.messages .delete { margin-top:9px; }
	table.messages td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; }
		table.messages td.td1 { text-align:center; vertical-align:middle; width:5%; }
		table.messages td.td2 { text-align:center; padding:2px; width:5%; }			
		table.messages td.td3 { width:25%; }	
			table.messages td.td3 a.u { font-size:120%; }
			table.messages td.td3 .date { color:#737373; font-size:90%; padding-top:2px; }
		table.messages td.td4 { font-weight:bold; width:65%; }
		table.messages td.td5 { text-align:right; width:10%; }
			table.messages td.td5 .icons { width:60px; }
		
table.messages2 { margin-top:10px; }
	table.messages2 .avatar {float:none;}
	table.messages2 .delete { margin-top:9px; }
	table.messages2 th { background:#fff; }
	table.messages2 td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; }
		table.messages2 td.tdAvatar { width:5%; }
		table.messages2 td.tdName { width:35%; }	
			table.messages2 td.tdName a.u { font-size:120%; }
			table.messages2 td.tdName .date { color:#999; font-size:90%; padding-top:2px; }
		table.messages2 td.tdCount { color:#999; font-size:1.4em; text-align:center; vertical-align:middle; width:20%; }
			table.messages2 td.tdCount a { font-weight:bold; padding:0 4px; }
		table.messages2 td.tdButtons { text-align:right; font-weight:bold; vertical-align:middle; width:20%; }

table.people { margin-top:10px; }
	table.people .avatar { float:none; }
	table.people .delete { margin-top:9px; }
	table.people td { border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:4px; vertical-align:top; }
		table.people td.tdAvatar { width:5%; }
		table.people td.tdName { color:#999; width:75%; }	
			table.people td.tdName a.u { font-size:120%; }
			table.people td.tdName .date { color:#737373; font-size:90%; padding-top:2px; }
		table.people td.tdButtons { font-weight:bold; width:20%; }
		
table.schedule { }
	.schedule th { font-size:120%; width:9%; }
		.schedule th.wD { width:13%; }
		.schedule th.wE { color:#f00; }
	.schedule td { color:#999; border:solid 1px #ddd; text-align:center; height:3em; vertical-align:middle; }
		.schedule tr td.wD:hover { background-color:#e6e6e6; }
		
table.week { }
	.week th { border-bottom:solid 1px #bbb; font-size:120%; width:14%; }
		.week th.wE a { color:#f00; }
			.week th.wE a:hover { color:#f6921e; }
	.week tr:hover td { background-color:transparent; }
	.week td { color:#999; border:solid 1px #bbb; border-top:none; width:14%; }
	.week td.h { border:none; border-bottom:solid 4px #999; }
		.week td.h h3 { display:inline; margin:0 10px 0 0; padding:0; vertical-align:middle; }

ul.bullets { clear:both; }
	.bullets li { margin:0.5em 0; }
	ul.bullets li { list-style:disc; margin-left: 20px; }
	
ul.catalog1 { color:#999; font-size:1.2em; }
	.catalog1 li { margin:10px 0 10px 10px; }
		.catalog1 li a { font-weight:bold; }
		
ul.catalog2 { color:#999; font-size:1.2em; }
	.catalog2 li { width:30%; float:left; padding:5px 0 5px 0; }
		.catalog2 li a { font-weight:bold; }
	.catalog2 p { font-size:90%; padding-left:0.5em; }
			
ul.catalogLarge, ol.catalogLarge { font-size:150%; }
	ol.catalogLarge { margin-left:40px; list-style-type:decimal; }
	.catalogLarge li { color:#999; margin:10px; }
	.catalogLarge p { color:#999; font-size:70%; font-weight:normal; padding-left:0.5em; }
	
ul.catS { color:#999;  }
	.catS li { font-size:1.3em; list-style:disc; margin:5px 0 5px 20px; }
		.catS li a {  }
	
ul.categories { color:#999; margin:10px 0; }
	.categories li { clear:both; font-size:1.4em; padding: 5px 0 0 0; }
		.categories li a { font-weight:bold; }
	.categories ul { margin: 0 0 0 15px; }
		.categories ul li { clear:none; float:left; font-size:0.8em; margin: 0 15px 2px 0; padding: 0; white-space:nowrap; }
			.categories ul li a { font-weight:normal; }
	.categories .empty sup { display:none; }
		.categories .empty a:hover { background-color:#ccc; color:#fff; }
	.panel .categories { margin:0; }
	
ul.classes {  }
	ul.classes li { float:left; width:10%; }
	ul.classes li strong { color:#ccc; display:block; font-size:2.4em; }
	ul.classes ul { clear:left; margin:4px 0; }
		ul.classes ul li { clear:left; float:none; font-size:1.4em; margin:2px 0 2px 8px; width:auto; }
			ul.classes ul li a { display:block; float:left; padding:2px 6px 2px 4px; }
			
ul.comments { margin:15px 0; }
	.comments div.replyForm form { padding:0 0 10px 0; width:100%; }
		.comments div.replyForm textarea { height:60px;	width:98%; }
		.comments div.replyForm .button { font-size:1.2em; margin-left:6px; }
	.comments li { clear:both; margin-bottom:15px; }
		.comments li.step1 {margin-left:50px;}
		.comments li.step2 {margin-left:100px;}
		.comments li.step3 {margin-left:150px;}
		.comments li.step4 {margin-left:200px;}
		.comments li.step5 {margin-left:250px;}
	.comments .head { height:44px; }
		.comments .avatar { display:block; float:left; margin:0 10px 0 0; }
			.comments .avatar img { height:40px; width:40px; }
		.comments .date { color:#999; display:block; }
		.comments .u { font-size:1.2em; }
	.comments .content { background: #f6f6f6; color:#333; margin-left:50px; padding:10px; }
		.comments div.content div.reply { text-align:right; padding:5px 0 0 0; }
			.comments div.content div.reply a { margin-left:5px; }
	.comments .voter { clear:none; float:right; width:100px; height:auto; }
		.comments .voter ul { clear:none; float:right; margin:1em 0 0 0; padding:0; }
			#content .comments .voter li { border:none; clear:none; float:right; padding:0; margin:0 0 0 3px; }
		
ul.details { clear:both; color:#999; }
	ul.details li { padding: 5px 0; }
	
ul.feed { clear:both; font-size:90%; margin-bottom:10px; }
	.feed li { background:url(../images/icons/group.png) 5px 5px no-repeat; padding:2px 0 2px 30px; }
		.feed li.feedFriendNew { background-image:url(../images/icons/user.png); }
		.feed li.feedEventJoin { background-image:url(../images/icons/calendar.gif); }
		.feed li.day { background:none; padding-left:0; }
			#content .feed li.day h3 { margin:5px 0; padding:0; }
	.feed li em { color:#999; font-style:normal; }
	.feed .photo img { border:solid 4px #f0f0f0; padding:0; }
	.feed div { margin:2px 0; }
	
ul.gallery {}
	.gallery li { float:left; margin:0 2px 2px 0; }
	.gallery a { background-color:#f0f0f0; display:block; float:left; padding:2px; text-align:center; }
		#content .gallery a:hover { background-color:#f7941d; }

ul.galleryPeople {}
	.galleryPeople li { float:left; margin:0 1px 1px 0; }
		.galleryPeople li.large { margin:0 2px 2px 0; }
	.galleryPeople a { background-color:#f0f0f0; display:block; float:left; padding:2px; text-align:center; }
		#content .galleryPeople a:hover { background-color:#f7941d; }
		
ul.glossary { color:#999; margin:10px 0; }
	ul.glossary	li { clear:both; }
	#content ul.glossary h3 {color:#ddd; float:left; height:1.4em; width:40px; font-size:3.0em; margin:0; padding:0; text-align:center; }
	ul.glossary	ul { font-size:1.2em; margin:0 0 30px 60px; }
		ul.glossary ul li { clear:none; margin:5px 0; }
	
ul.groups { clear:both; margin-top:4px; }
	.groups li { background-position: left top; background-repeat:no-repeat; clear:both; color:#999; font-size:1.2em; margin-bottom:6px; padding:0 0 0 20px; }
		.groups li.stepTop { margin-top:10px; }
	.groups a { font-weight:bold; line-height:1.0em; padding:2px 4px; margin-right:2px; }
		.groups a:hover, .groups a.active { background-color:#32a1ce; color:#fff; }
		.groups .iAsterisk a { color:#f69220; }
			.groups .iAsterisk a:hover, .groups .iAsterisk a.active { background-color:#f69220; color:#fff; }
		.groups .iUserGray a { color:#000; }
			.groups .iUserGray a:hover, .groups .iUserGray a.active { background-color:#000; color:#fff; }
		.groups li.empty a:hover, .groups li.empty a.active { background-color:#ccc; color:#fff; }
	.groups ul { clear:both; margin: 6px 0; }
		.groups ul li { font-size:1.0em; margin-bottom:5px; }
		
ul.items {  }
	.items li { clear:both; height:90px; padding:6px 0 0 6px; }
		.items li.first { border-top:none; }
	.items li.hover { background:#f5fae2; }
	.items .avatar { margin:0 10px 0 0; }
		.items .avatar img { float:left; vertical-align:top; height:80px; width:80px; }
	.items a.name { font-size:1.4em; }
	.items p { color:#999; margin:5px 0; }
	.items ul { float:right; font-size:1.0em; }
		.items ul li {	border:none; color:#ccc; height:auto; list-style-type:disc;	padding:0; margin:0 5px 0 20px; }
	.gray .cc .items li { background:#fff; }
	
ul.itemS { }
	.itemS li { clear:both; margin: 5px 0 0 0; }
		.itemS li.first { border-top:none; }
	.itemS li.hover { background:#f5fae2; }
	.itemS .avatar { margin:0 10px 5px 0; }
		.itemS .avatar img { float:left; vertical-align:top; height:40px; width:40px; }
	.itemS p {	color:#999;	}
	.itemS ul { float:right; font-size:1.0em; }
		.itemS ul li {	border:none; color:#ccc; height:auto; list-style-type:disc;	padding:0; margin:0 5px 0 20px; }
	
ul.messages { }
	ul.messages li { border-bottom:solid 1px #ddd; clear:both; padding:10px 5px; }
		ul.messages li.highlight { background-color:#fef6ec; }
		ul.messages li.inbox .content { color:#32a1ce; }
		ul.messages li.inbox .u { color:#32a1ce; }
		#content ul.messages li.inbox a.avatar { background-color:#32a1ce; }
	ul.messages .author { height:2em; margin-left:50px; }
	ul.messages .avatar { display:block; float:left; margin:0 5px 10px 0; }
		ul.messages .avatar img { height:40px; width:40px; }
	ul.messages .date { color:#999; }
	ul.messages .content { color:#8caf31; clear:right; margin-left:50px; padding:5px 0 10px 15px; height:1%; }
	#content ul.messages li a.avatar { background-color:#8caf31; }
	
ul.news { clear:both; }
	.news li { margin:0 0 15px 0; }
	.news .author { color:#999; font-size:90%; font-style:normal; margin:2px 0 5px 5px; }
	.news h4 { padding:0; }
	
ul.newsS { clear:both; padding-bottom:6px; }
	.newsS li { margin:0 0 10px 0; }
	.newsS .date { color:#999; }
	.newsS .author { color:#999; font-size:80%; font-style:normal; padding-bottom:5px; }
	#content .newsS h4 { font-size:1.2em; padding:0; }
	
ul.people {  }
	ul.people li { clear:both; height:92px; padding:8px 8px 0 8px; }
		ul.people li.first { border-top:none; }
	ul.people li:hover { background:#f6f6f6; }
	ul.people .avatar { margin:0 10px 0 0; }
		ul.people .avatar img { float:left; vertical-align:top; height:80px; width:80px; }
	ul.people p {	color:#999;	}
	ul.people .u { font-size:1.4em; }
	ul.people ul { }
		ul.people ul li { border:none; clear:none; height:auto; }
	ul.people dl { float:left; margin-top:5px; }
		ul.people dt { clear:left; color:#666; float:left; padding:3px 10px 3px 0; width: 3em; }
		ul.people dd { margin:0 0 0 3.5em; padding:3px 0; } }

ul.peopleSmall { margin:5px 0; }
	.peopleSmall li	{ float:left; margin:0 2px 2px 0; }
	.peopleSmall a { background-color:#7eaec8; display:block; float:left; padding:0px; }
		.peopleSmall a:hover { background-color:#f7941d; }
		.peopleSmall img { float:left; vertical-align:top; height:40px; width:40px; }
	.peopleSmall img.avatar { border:solid 2px #f0f0f0; }
		
ul.peopleS { }
	.peopleS li { clear:both; margin: 5px 0 0 0; }
	.peopleS li.hover { background:#f5fae2; }
	.peopleS .avatar { margin:0 10px 5px 0; }
		.peopleS .avatar img { float:left; vertical-align:top; height:40px; width:40px; }
	.peopleS p { color:#999;	}
	.peopleS ul { float:right; font-size:1.0em; }
		.peopleS ul li { border:none; color:#ccc; height:auto; list-style-type:disc;	padding:0; margin:0 5px 0 20px; }
	.gray .cc .peopleS li { background-color:#fff; height:46px; padding:6px; margin:0; }
		
ul.peopleM { }
	.peopleM li { clear:both; margin: 5px 0 0 0; }
	.peopleM a.avatar { margin:0 10px 5px 0; }
		.peopleM a.avatar img { height:80px; width:80px; }
	.peopleM .n { font-size:1.2em; font-weight:bold; }
	.peopleM p { color:#999; margin:5px 0 0 92px; }
	ul.peopleM ul.bullets { color:#999; margin-left:92px; }

ul.photos {}
	ul.photos li { float:left; margin:0 0 2px 2px; }
	ul.photos a { background-color: #f0f0f0; display:block; float:left; padding:2px; text-align:center; }
		ul.photos a:hover { background-color:#f7941d; }
	ul.photos img { width:90px; height:90px; }
	.col13 ul.photos { margin-left:-2px; }
	.col13 ul.photos li { margin:0; }
		.col13 ul.photos li a {  }
		
ul.photoComments { margin:15px 0; }
	ul.photoComments .comment { margin-left:120px; }		
	ul.photoComments .commented { background-color:#f0f0f0; float:left; padding:8px; }
		ul.photoComments .commented a { display:block; padding:2px; }
		
table.photos { width:100%; }
	table.photos td { text-align:center; padding:10px; width:33%; }
		
ul.photosS { clear:both; }
	ul.photosS li { float:left; margin:0 0 2px 2px; padding:4px; text-align:center; width:248px; }
		
ul.photoAlbums { clear:both; }
	.photoAlbums li { float:left; margin:0 15px 15px 0; width:190px; }
	.photoAlbums a.thumb { background-color:#eee; display:block; float:left; padding:2px; }
		.photoAlbums a.thumb:hover { background-color:#f7941d; }
		.photoAlbums a.thumb img { height:186px; width:186px; }	
	.photoAlbums .details { clear:left; margin:0; height:4em; }
		#content .photoAlbums .details h4 { font-size:1.4em; margin:0; padding:0; }
		#content .photoAlbums .details p { color:#999; font-size:1.0em; }
		
ul.photosDetails { clear:both; }
	.photosDetails li { clear:both;	margin:0; }
	.photosDetails .thumb { background:#f0f0f0; float:left; margin-bottom:10px; padding:10px 0; text-align:center; width:280px; }
		.photosDetails .thumb a { border:solid 2px #fff; }
			.photosDetails .thumb a:hover { border-color:#f7941d; }
	#content .photosDetails h3 { margin:0 0 0 300px; padding:0; }
	.photosDetails dl { color:#999;	font-size:90%; margin:10px 0 0 300px; height:200px; }
		.photosDetails dl dt { padding:2px 0; width:9em; }
		.photosDetails dl dd { padding:2px 0 0 0; }
	
ul.posts {}
	#content .posts h3 { font-size:1.8em; margin-bottom:0; }
	.posts .author { color:#999; margin:5px 0 0 0; }
	.posts .comments { background: url(../images/icons/comment.png) 0 5px no-repeat; border-bottom:solid 1px #f0f0f0; color:#999; margin:5px 0 20px 0; padding: 5px 0 10px 20px; }
	.posts .text { margin-bottom:15px; }
	
#reviews { clear:both; margin-bottom:10px; }
	#reviews form { clear:both; width:100%; }
		#reviews form textarea	{ height:100px;	width:98%;	}
	#reviews h3 { clear:both; }
	#reviews .rate { display:block; float:right; padding-bottom:8px; }
	#reviews .voter ul { margin:0; }
	
#thread { clear:both; margin-bottom:10px; }
	#thread form { clear:both; width:500px; }
		#thread form textarea	{ height:100px;	}
	#thread h3 { clear:both; font-size:1.8em; }
	#thread ul { margin:15px 0; }
		#thread li { border-bottom:solid 1px #ddd; clear:both; margin-bottom:15px; }
			#thread li.step1 {margin-left:50px;}
			#thread li.step2 {margin-left:100px;}
			#thread li.step3 {margin-left:150px;}
			#thread li.step4 {margin-left:200px;}
			#thread li.step5 {margin-left:250px;}
	#thread .author {  }
	#thread .avatar { display:block; float:left; margin:0 5px 10px 0; }
		#thread .avatar img { height:40px; width:40px; }
	#thread .date { color:#999; }
	#thread .name	{ font-weight:bold; font-size:1.0em; }
	#thread .content { margin-left:50px; padding:10px 0 0 15px; height:1%; }
	#thread  div.reply { clear:both; text-align:right; padding:0 0 5px 0; }
	
ul.top { }
	ul.top li { width:25%; }
	ul.top p { float:left; color:#999; font-size:1.2em; font-weight:bold; padding: 0 0 0 6px; }
	
ul.vid { clear:both; }
	ul.vid li { clear:left; margin:0 0 10px 0; }
	ul.vid .video { background-color:#f0f0f0; display:block; float:left; margin: 0 10px 10px 0; padding:6px; }
	ul.vid .name { font-size:1.2em; font-weight:bold; }
	
ul.vidM {}
	ul.vidM .video { height:122px; }
	
.wall {}
	.wall form { margin-bottom:10px; }
				
/******************************************* 
	Messages
*******************************************/
.confirmation {  }
	.confirmation .content { margin:20px auto; width:600px; }
	.confirmation .text { background:#fce1b6; border: solid 5px #feb266; margin:10px 0; padding:5px 0; }
		#content .confirmation .text p { padding:5px 10px; margin:0; }
.confirm {margin:20px auto; width:500px; }
	#content .confirm .rounded { background:#f19720; }
	#content .confirm .panel { margin-bottom:5px; }
	#content .confirm .cc { color:#fff; font-size:1.2em; font-weight:bold; }
		#content .confirm .cc p { margin:0.5em 0; }
		#content .confirm .cc a { color:#fff; text-decoration:underline; }
			#content .confirm .cc a:hover { color:#eee; }
	#content .confirm h2 { color:#f6921e; padding:0; margin-bottom:5px; }
		
div.construction { margin:30px auto 50px auto; width:600px; }
	#content .construction .rounded { background:url(../images/bg/construction.gif); }
	#content .construction .cc { text-align:center; height:200px;  }
	#content .construction h3 { color:#f19720; font-size:1.4em; font-weight:bold; margin:50px 0 10px 0; text-align:center; }
	#content .construction p { color:#f19720; font-size:1.2em; line-height:1.6em; }
	
div.help { background: url(../images/bg/help.gif) no-repeat 0 2px; color:#777; font-size:1.1em; min-height:30px; }
	.help p { padding:0 0 0.5em 28px; }
	.help h3 { padding:0 0 0.5em 28px; margin:0; }
	.help a { color:#999; text-decoration:underline; }
	.help .faq { margin-left:28px; }
	.help ul li { list-style-type:disc; margin:2px 0 2px 28px; }
	.panel div.help { background:none; }
		.panel div.help p, .panel div.help h3 { padding-left:0; }
	#content div.help h3 { font-size:1.4em; margin:0; }
	
div.messages, div.errors { clear:both; font-size:1.2em; margin:0 auto 1em auto; width:620px; }
	#content div.messages .rounded, #content div.errors .rounded { background:#bed639 url(../images/bg/info.gif) no-repeat 10px 8px; }
	#content div.errors .rounded { background-color:#fe5454; background-image:url(../images/bg/error.gif); }
	#content div.messages .cc, #content div.errors .cc { color:#fff; min-height:25px; padding:4px 10px 4px 50px; }
	#content div.messages h3, #content div.errors h3 { color:#fff; font-size:1.2em; margin-bottom:10px; }
	#content div.messages li, #content div.errors li { list-style-type:decimal; margin:0 0 10px 20px; }
	#content div.messages a, #content div.errors a { color:#fff; text-decoration:underline; }
	.col13 div.messages, .col23 div.messages, .col34 div.messages, .col24 div.messages,
	.col13 div.errors,  .col23 div.errors, .col34 div.errors, .col24 div.errors { width:auto; }

div.notification { clear:both; color:#666; font-size:1.2em; margin:0 auto 1em auto; width:620px; }
	#content div.notification .cc { min-height:25px; padding:4px 10px 4px 50px; }
	#content div.notification .rounded { background:#f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px; }
	#content div.notification h3 { color:#999; font-size:1.4em; margin:0 0 0.5em 0; }
	#content div.notification p { margin:0 0 0.5em 0; }
	#content div.notification .cc li { list-style-type:decimal; margin:0 0 10px 20px; }
	#content div.notification .cc a { text-decoration:underline; }
	#content .col23 div.notification, #content .col34 div.notification { clear:both; margin:0 0 1em 0; width:auto; }

.welcome {}	
	#content .welcome .panel .cc { background:red; height:15em; padding:15px; position:relative; }
	.welcome input.t { width:96%; }
		.welcome input.button { position:absolute; right:6px; bottom:2px; }
	#content .welcome .green .rounded { background-color:#e9f0f7; }
	#content .welcome .orange .rounded { background-color:#e9f0f7; }
	#content .welcome .yellow .rounded { background-color:#e9f0f7; }
		#content .welcome .yellow form { margin-top:3em; }
	#content .welcome .green h3 { color:#badb3c; font-size:1.6em; font-weight:bold; }
	#content .welcome .orange h3 { color:#f19720; font-size:1.6em; font-weight:bold; }
	#content .welcome .yellow h3 { color:#fad60d; font-size:1.6em; font-weight:bold; }
	.welcome li { color:#eb8601; margin:0 0 10px 10px; font-size:1.2em; font-weight:bold; list-style:disc; }
		.welcome li a { color:#4b87c7; }
			.welcome li a:hover { background-color:Transparent; text-decoration:underline; }
	
/******************************************* 
	Navigation
*******************************************/
a.link { font-size:1.2em; font-weight:bold; }

a.linkDelete { margin-left:5px; vertical-align:middle; }
	a.linkDelete:hover { background-color:Transparent; }
	
.alphabet { font-size:1.2em; margin:10px 5px 5px 5px; }
	.alphabet a { padding:0 2px; }

div.links { padding-bottom:10px; }
	div.links li { color:#999; clear:both; margin: 2px 0; }
	div.links li a { display:block; float:left; font-size:1.4em; font-weight:bold; padding:2px 4px; }
	#content div.links .cc { padding:0 4px; }
		
ul.linkBullets { margin-bottom:20px; }
	.linkBullets li { color:#999; font-weight:bold; list-style-type:disc; margin:0.3em 0 0.2em 24px; padding:0; }
	
ul.actions { float:right; }
	.actions a { display:block; font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:2px 4px; }
	
ul.buttons { height:4em; }
	.buttons li { float:left; padding:5px 0; }
	.buttons a { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; font-size:1.4em; line-height: 26px; margin-left:10px; overflow:visible; padding:4px 8px; width: auto;}
		.buttons a:hover, .buttons a.light:hover { background: #f19720; }
		.buttons a.light { background:#ccc; border:solid 1px #eee; border-right-color:#999; border-bottom-color:#999; }

a.button { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; display:block; float:left; font-size:1.4em; overflow:visible; padding:2px 8px; width: auto; }
	a.button:hover { background:#f19720; }
	.text .button { font-size:1.2em; }
		
.buttonsOr { text-align:center; }
	.buttonsOr a { font-size:1.2em; font-weight:bold; padding:0 2px; vertical-align:middle; }
		.buttonsOr a.yes:hover { background-color:Green; }
		.buttonsOr a.no:hover { background-color:Red; }
		
.icons { float:right; }
	#content .icons { float:right; }
	#content .icons li { border:none; clear:none; float:left; list-style:none; margin: 0 0 0 4px; padding:0; }
	.icons a { background:url(../images/sprites/buttons.gif) no-repeat; display:block; height:24px; width:24px; }
	.icons span { display:none; }
	.icons .iA a { background-position: -96px 0; }
		.icons .iA a:hover { background-position: -96px -24px; }
	.icons .iD a { background-position: -72px 0; }
		.icons .iD a:hover { background-position: -72px -24px; }
	.icons .iFA a { background-position: -144px 0; }
		.icons .iFA a:hover { background-position: -144px -24px; }
	.icons .iFD a { background-position: -120px 0; }
		.icons .iFD a:hover { background-position: -120px -24px; }
	.icons .iE a { background-position: -24px 0; }
		.icons .iE a:hover { background-position: -24px -24px; }
	.icons .iM a { background-position: 0 0; }
		.icons .iM a:hover { background-position: 0 -24px; }
	.icons .iS a { background-position: -48px 0; }
		.icons .iS a:hover { background-position: -48px -24px; }
	.icons .iW a { background-position: -168px 0; }
		.icons .iW a:hover { background-position: -168px -24px; }
		
.iconsL { float:right; }
	.iconsL li { float:left; margin: 0 0 0 10px; }
	.iconsL a { background:url(../images/sprites/buttonsL.gif) no-repeat; display:block; height:32px; width:32px; }
	.iconsL span { display:none; }
	.iconsL .iA a { background-position: -128px 0; }
		.iconsL .iA a:hover { background-position: -128px -32px; }
	.iconsL .iD a { background-position: -96px 0; }
		.iconsL .iD a:hover { background-position: -96px -32px; }
	.iconsL .iFA a { background-position: -160px 0; }
		.iconsL .iFA a:hover { background-position: -160px -32px; }
	.iconsL .iFD a { background-position: -192px 0; }
		.iconsL .iFD a:hover { background-position: -192px -32px; }
	.iconsL .iE a { background-position: -32px 0; }
		.iconsL .iE a:hover { background-position: -32px -32px; }
	.iconsL .iM a { background-position: 0 0; }
		.iconsL .iM a:hover { background-position: 0 -32px; }
	.iconsL .iS a { background-position: -64px 0; }
		.iconsL .iS a:hover { background-position: -64px -32px; }
	.iconsL .iW a { background-position: -224px 0; }
		.iconsL .iW a:hover { background-position: -224px -32px; }

.pager { clear:both; margin-top:10px; }
	#content .pager h6 { color:#999; font-size:1.0em; font-weight:normal; }
	.pager ul { margin:5px 0 0 20px; }
		.pager li { display:inline; margin-right:4px; font-size:1.4em; }
			.pager li b { background-color:#f0f0f0; padding:0 4px; }
			.pager li a { background-color:#fff; padding:0 2px; }
				.pager li a:hover { background-color:#32a1ce; color:#fff; }
				
.play { float:left; margin-right:6px; }
	.play li { float:left; margin: 0 4px 0 0; padding:0; }
	.play a { background:url(../images/sprites/play.gif) no-repeat; display:block; height:24px; width:24px; }
	.play span { display:none; }
	.play .pB a { background-position: 0 0; }
		.play .pB a:hover { background-position: 0 -24px; }
	.play .pF a { background-position: -24px 0; }
		.play .pF a:hover { background-position: -24px -24px; }
		
.player { height:50px; margin-bottom:10px; }
	.player h3 { margin:0; }
	.player .filter { float:left; }
	.player .play { height:50px; }
		
ul.crumbs { font-size:1.0em; margin-bottom:5px; width:100%; }
	.crumbs li { display:inline; }
	.crumbs em { color:#ccc; font-style:normal; padding:0 5px; }
	
ul.dashboard {  }
	.dashboard a.orange { font-weight:bold; }
	.dashboard li { float:left; font-weight:bold; line-height:1.4em; padding:0 0 10px 0; width:153px; }
		.dashboard li ul { clear:left; margin:5px 10px 0 0; }
		.dashboard li li { color:#999; float:none; font-size:1.0em; font-weight:normal; line-height:1.0em; margin:0; padding:4px 0 4px 0; width:auto; }
	#content .dashboard h3 { margin:0; padding: 0 0 0 20px; font-size:1.2em; font-weight:bold; }
		.dashboard h3 sup { color:#999; font-weight:normal; padding-left:3px; }
	.dash2 li { font-size:1.2em; width:33%; }
		#content .dash2 h3 { padding: 0 0 0 22px; }
		.dash2 li li { margin-left:22px; }
		
ul.menuV { margin-top:5em; }
	ul.menuV a { line-height:1.4em; padding:2px 6px; }
	ul.menuV a.active { background-color:#fff; color:#f6921e; font-weight:bold; }
	ul.menuV ul a.active { background-color:#f6921e; color:#fff; font-weight:normal; }
	ul.menuV li { font-size:1.4em; font-weight:bold; line-height:1.4em; margin:0.2em 0 0.4em 0; }
		ul.menuV li li { color:#598527; font-size:1.0em; font-weight:normal; margin:0.2em 0 0.2em 15px; }
		
.filter { float:right; line-height:2em; }		
	.filter li { float:left; margin-left:2px; }
		.filter li.active a { background-color:#32a1ce; color:#fff; }
	.filter a {	padding:2px 6px; }
	
ul.stepper { height:5em; }
	ul.stepper li.prev, ul.stepper li.next { color:#ddd; font-size:2.4em; width:50px; }
		ul.stepper li.prev a, ul.stepper li.next a { padding:0 0.1em; }
	ul.stepper li.prev { float:left; }
	ul.stepper li.next { float:right; text-align:right; }
	ul.stepper li.stat { text-align:center; }
		ul.stepper li.stat strong { font-size:1.8em; vertical-align:middle; }
	
.switch { font-size:1.1em; height:40px; }	
	.switch li { float:left; margin-right:5px; }
		.switch li a {	display:block; padding:2px 10px; }
		.switch li.active a { background-color:#32a1ce;	color:#fff; }
			.switch li.active a:hover { background-color:#44c5ea;	color:#fff; }
			
.tabs { clear:both; padding-bottom:20px; }
	.tabs ul { border-bottom:solid 1px #dce3e7; color:#666; height:26px; position: relative; }
		.tabs .tc1, .tabs .tc2 { width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; z-index: 10 !important; }
		.tabs .tc1 { top:0; left:0;}
		.tabs .tc2 { top:0; right:0;}
		.tabs .tc1 { background-image: url(../images/t1.gif); }
		.tabs .tc2 { background-image: url(../images/t2.gif); }
		.tabs li { float:left; position:relative; top:1px; }
			.tabs li a, .tabs li span { background:#e6f6fc url(../images/sprites/tabs.gif) repeat-x 0 -50px; border:solid 1px #dce3e7; display:block; font-size:110%; line-height:24px; padding:0 12px; }
				.tabs li a:hover { background-position: 0 -100px; color:#32a1ce; }
			.tabs li.active { border-bottom: solid 1px #fff;  }
				.tabs li.active a, .tabs li.active span { background-color:#fff; background-position: 0 0; border-bottom:none; color:#eb8601; font-weight:bold; }
					.tabs li.active a:hover { color:#f19720; }
		
div.toolbar { clear:both; margin:0 0 20px 0; }
	#content div.toolbar .rounded { background:#f0f0f0 url(../images/bg/toolbar.gif) repeat-x center center; color:#666; }
	#content div.toolbar .rounded .cc { padding:0 4px; }
	.toolbar a { display:block;	float:left;	font-weight:bold; line-height:1.6em; margin-right:4px; padding:0 4px; }
		.toolbar a:hover { background:#328fc0; color:#fff; }
		.toolbar li.delete a { color:#f00; }
			.toolbar li.delete a:hover { background-color:#f00; color:#fff; }
	.toolbar ul { }
	.toolbar li { float:left; }	
				
/******************************************* 
	Object
*******************************************/
a.avatar { background:#f6faff; display:block; float:left; padding:2px; }
	a.avatar:hover { background-color:#f7941d; }
	img.avatar { border:solid 2px #f6faff; }
div.avatar150 { background: url(../images/bg/avatar150.gif) no-repeat top center; float:left; text-align:center; width:240px; margin-top:10px; }
	.avatar150 img { padding:26px 0 0 0; }
div.avatar150x150 { background: url(../images/bg/avatar150x150.gif) no-repeat  center center; float:left; height:240px; text-align:center; width:240px; }
	.avatar150x150 img { padding:45px 0; height:150px; width:150px; }
	
.feedScroll .cc { overflow: auto; overflow-x: hidden; height:200px; }
	
.found { color:#999; clear:both; padding: 0 0 10px 0; width:100%; }

.icon {	background-position:0 0; background-repeat:no-repeat; }
	.iAddressBook { background-image:url(../images/icons/addressBook.png); }
	.iAsterisk { background-image:url(../images/icons/asterisk.png); }
	.iBlog { background-image:url(../images/icons/blog.png); }
	.iCal { background-image:url(../images/icons/calendar.gif); }
	.iDelete { background-image:url(../images/icons/delete.gif); }
	.iEdit { background-image:url(../images/icons/edit.gif); }
	.iEmail { background-image:url(../images/icons/email.png); }
	.iFolderUser { background-image:url(../images/icons/folderUser.png); }
	.iGroup { background-image:url(../images/icons/group.png); }
	.iICQ { background-image:url(../images/icons/icq.gif); }
	.iLock { background-image:url(../images/icons/lock.gif); }	
	.iMSN { background-image:url(../images/icons/msn.gif); }
	.iPhone { background-image:url(../images/icons/phone.png); }
	.iPhotos { background-image:url(../images/icons/photos.png); }
	.iPlus { background-image:url(../images/icons/plus.png); }
	.iSearch { background-image:url(../images/icons/search.gif); }
	.iSearch2 { background-image:url(../images/icons/search.png); }
	.iSettings { background-image:url(../images/icons/settings.png); }
	.iSkype { background-image:url(../images/icons/skype.gif); }
	.iTelephone { background-image:url(../images/icons/telephone.png); }
	.iUser { background-image:url(../images/icons/user.png); }
	.iUserGray { background-image:url(../images/icons/userGray.png); }
	.iUserGreen { background-image:url(../images/icons/userGreen.png); }
	.iUserOrange { background-image:url(../images/icons/userOrange.png); }
	.iUserRed { background-image:url(../images/icons/userRed.png); }
	.iVcard { background-image:url(../images/icons/vcard.png); }
	
.invite { float:right; width:200px; }
	.invite ul { float:right; }
	.invite li { display:inline; }
	
.label { background:#f0f0f0; border:solid 1px #ccc; color:#666; float:right; padding:5px; }
	
.message { }
	.message .to { background: url(../images/bgTo.gif) 0 0 no-repeat; margin-left:10px; padding-left:50px; }
	.message .author { float:left; padding-bottom:13px; }
	.message .author .avatar { margin:0 10px 0 0; }
	.message .author img { float:left; vertical-align:top; height:40px; width:40px; }
	.message .author .u { font-size:1.2em; }
	.message .author .date { color:#999; padding-bottom:2px; }
	.message .content { border-top:solid 1px #ccc; clear:both; color:#333; font-size:1.2em; padding:10px 0 20px 0; min-height:60px; }

.owner { height:60px; }
	.owner .avatar { margin:0 10px 20px 0; float:left; }
		.owner .avatar img { height:40px; width:40px; }
	#content .owner h2 { line-height:1em; padding:0; }
		#content .owner h2 a.u { font-weight:normal; }
	.owner .details { color:#999; font-size:0.9em; margin:4px 0 0 0; padding:0; }
	
p.info { color:#999; padding-bottom:10px; }

.online	{ color:#999; font: bold 90% Arial,Helvetica; padding:0 5px; letter-spacing:.1em; text-transform:lowercase; vertical-align:top; }
	
div.photo { min-height:200px; text-align:center; margin-bottom:10px; }
	div.photo a { border: 5px solid #fff; }
		div.photo a:hover { background: transparent; }
	div.photo img { border: 10px solid #fff; }
a.photo {  }
	a.photo img { background-color:#f0f0f0; padding:10px; }

.post {}
	#content .post h3 { font-size:1.8em; }
	.post .author { color:#999; margin:5px 0 0 0; } 
	.post .text { margin:20px 0 40px 0; } 

.private { background-color:#f0f0f0; color:#666; padding:0 4px; font-size:1.0em; }

.profile { margin-bottom:20px;  }
	.profile .avatar { margin:0 10px 20px 0; }
	.profile .online { color:#ccc; letter-spacing:normal; }
	.profile img.sex { display:block; float:left; }
	.profile dl.info { float:left; margin-left:10px; }
	
.profileShort { }
	.profileShort .avatar { margin:0 10px 0 0; }
	#content .profileShort h2 { margin:0; padding:0; }
		.profileShort h2 a {  }
	.profileShort p.details { color:#999; font-size:80%; margin:0; padding:0; }
	
.slider { background: #e9f0f7; margin-left: -5px !important; padding-right: 5px !important; }
	.slider .knob { width: 20px; height: 80px; background: #ddd; }
	.slider .up, .slider .down { width: 20px; height: 20px; background: #e9f0f7; text-align: center; line-height: 20px; cursor: pointer; color: #666; }
	.slider .active { background: #bbb; }
	
.translate {}
	.translate ul { font-size:1.2em; margin-bottom:40px; }
	.translate ul.from { float:left; margin-left:15px; width:50%; }
	.translate ul.to { float:left; width:40%; }
		.translate ul li { clear:left; }
		.translate ul li a { display: block; color: #5095BE; float:left; text-decoration: none; margin-bottom:2px; padding: 2px 10px; }
			.translate ul li a:hover, .translate ul li a.selected { background: #5095BE; color: #fff; }
			.translate ul li a.disabled, .translate ul li a.disabled:hover { color: #ccc; cursor: default; background: transparent; }
		.translate ul em { color:#fff; font-style:normal; }
	.translate textarea { height:140px; }
	
a.u { color:#8caf31; font-weight:bold; }

.user {}
	.user .avatar { margin:0 5px 0 0; }
	.user .u { font-size:1.2em; font-weight:bold; }
	.user p { color:#999; margin:5px 0 0 49px; }
	
div#video { background-color:#f0f0f0; color:#999; font-size:1.6em; height:365px; text-align:center; width:460px; }
	div#video p { margin-top:30%; }

/******************************************* 
	Misc
*******************************************/

.blocked { color:#999; }
	#content .blocked p { background:#f6f6f6; padding:6px 10px; }

.clear { clear:both; }
#content .noClear { clear:none; }
.empty a, .empty { color:#ccc; font-weight:normal; }
#content a.female { background-color:#f9cfe3; border-color:#f9cfe3; }
.light { color:#666; }
#content a.male { background-color:#aecaf2;	border-color:#aecaf2; }
#content .l { float:left; }
	img.l { margin: 0 10px 0 0; }
#content .r { float:right; }
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
#content .first, #footer .first { clear:left; }
	#content li.first { margin-left:0; margin-top:0; }
	#content dt.first { margin-top:0; }
	#content div.first, #footer div.first { margin-left:0; }
#content .last { margin-bottom:0; }
#content .hidden { display:none; }
#content .nobr { white-space: nowrap; }
#content .centered { float:none; margin:0 auto; }
.scroll { max-height:200px; overflow: auto; width:100%; }
.disabled, a.disabled { color:#ccc; }
.stepLeft, stepL { margin-left:20px; }
.stepB { margin-bottom:20px; }
.big { font-size:1.2em; }
.big2 { font-size:1.4em; }
.h40 { height:40px; }
.h200 { height:140px; }
.space { clear:both; height:20px; }
em.samp { border-bottom:dashed 1px #ccc; cursor:pointer; }

/******************************************* 
	im.scroller
*******************************************/
.scroller { background:#333; clear:both; position: relative; width: 100%; margin: 0 auto 20px auto; overflow: hidden; }
	.scroller ul { width: 100%;	text-align: center;	}
	.scroller .thumbs {	height: 106px; width: 884px; left: 26px; overflow: hidden; float: left; }
		.scroller .thumbs ul { width: 10000px; height: 100%; margin:4px 0; z-index: 1; }
		.scroller .thumbs li { float: left;	margin: 0px 4px; width: 92px; height: 98px;	padding:4px 0; visibility: hidden; }
			.scroller .thumbs li span {	display: none; }
			.scroller .thumbs li a { display:block; float:left; }
				.scroller .thumbs li a img { display:block;	opacity: 0.8; filter: alpha(opacity=80); }
					.scroller .thumbs li a:hover img { opacity: 1; filter: alpha(opacity=100); }
			.scroller .thumbs li.active { width: 98px; padding:0; } 
				.scroller .thumbs li.active a img { border: 4px solid #F7941D; opacity: 1; filter: alpha(opacity=100); }
	.scroller a.thumbs_move { background: url(../images/sprites/scroller.gif) 0px -212px no-repeat; display: block; height: 106px; width: 26px; line-height: 100px; z-index: 10; float: left; cursor: default; } .scroller a#thumbs_move_left.on, .scroller a#thumbs_move_right.on { cursor: pointer; }
	.scroller a#thumbs_move_left.on { background-position: 0px 0px;  }
		.scroller a#thumbs_move_left.on:hover { background-position: 0px -106px; } .scroller a#thumbs_move_right { background-position: -26px -212px; float: right; }
	.scroller a#thumbs_move_right.on { background-position: -26px 0px;  }
		.scroller a#thumbs_move_right.on:hover { background-position: -26px -106px; }

/******************************************* 
	imCalendar
*******************************************/
#calendar { position: absolute; border: 1px solid black; width: 175px; height: 170px; padding: 4px; font-family: tahoma,verdana,helvetica; font-size: 11px; text-align: center; background: #fff; overflow: hidden !important; }
	input.calendar { width: 173px; }
	#calendar a { text-decoration: none; color: #000; cursor: pointer; }
		#calendar a:hover { color: #0066cc; }
	#calendar li a:hover { background-color: #EDF9FF; }
	#calendar .previous, #calendar .next { position: absolute; top: 6px; }
	#calendar .previous { left: 8px; }
	#calendar .next { right: 8px; }
	#calendar .current { font-weight: bold; padding: 4px 0px; }
	#calendar li { float: left; margin: 0px; }
	#calendar .week li { width: 25px; padding: 4px 0px 2px; border-bottom: 1px solid #eee; }
	#calendar .days li a { width: 25px; display: block; height: 18px; line-height: 18px; }
	#calendar a.notnow { color: #999; }
	#calendar .today { border-top: 1px solid #eee; clear: both; position: absolute; bottom: 5px; left: 3px; padding-top: 3px; width:100%;	}
	#calendar div.month, #calendar div.year, #calendar div.decade { overflow: hidden; height: 132px; }
	#calendar .years li a, #calendar .months li a { display: block; width: 43px; height: 44px; line-height: 44px; font-size: 11px; text-transform: lowercase; #height: 43px; #line-height: 43px; }
	#calendar .now { font-weight: bold; }
	#calendar .selected { color: #0066cc; }
	#calendar span { color: #ddd; }
	#calendar a.disabled, #calendar .days li a.disabled, #calendar .months li a.disabled, #calendar .years li a.disabled { color: #ddd; cursor: default; }
	#calendar a.disabled:hover, #calendar li a.disabled:hover {	color: #ddd; background: #fff; }
	#calendar .hidden {	display: none; }
	#calendar .changin { position: relative; }
	
/******************************************* 
	im.boxer
*******************************************/
.screenblock { background: #000; opacity: 0.35; filter: alpha(opacity=35) !important; }

#boxer { width: 100%; position: absolute; top: 40%; left: 0px; text-align: center; z-index: 3000; }
	#boxer .box {  background: #fff; border: 4px solid #333; margin: 0px auto; display: none; text-align: left; width: 500px; overflow: hidden; z-index: 3100; }
	#boxer .header { background: #eee !important; overflow: hidden; display: block; padding: 3px; float: left; width: 100%; }
		#boxer .header h1 { font-size: 1.4em; line-height: 25px; float: left; }
	#boxer .close_button { background: url(../images/icons/wc.gif) center center no-repeat; display: block; width: 25px; height: 25px; font-weight: bold; text-align: center; line-height: 25px; color: #000; float: right; margin-right: 5px;	#margin-right: 3px; }
		#boxer .close_button span { display:none; }
	#boxer .content { background-color:#fff; padding: 10px;  display: block; font-size:1.2em; overflow: hidden; clear: both; }
	#boxer .loading { display: block; width:40px; height:40px; margin: 0px auto; z-index:3100; background: transparent url('../images/wait.gif') 50% 50% no-repeat; }
	#boxer .footer { height:2.5em; background: #eee !important; text-align: right; clear: both; padding: 5px; }
		#boxer .footer .button { float:right; margin-left:10px; overflow:visible; padding:4px 8px; width: auto;}
			#boxer .footer .l { float:left; margin: 0 10px 0 0; }
	#boxer .flash, #boxer .flashError{ background: #bed639 !important; color: #fff !important; overflow: hidden !important; border: 0px !important;	font-size:1.8em; }
		#boxer .flash *, #boxer .flashError * { display: none !important; }
			#boxer .flash .content, #boxer .flashError .content {  background: #bed639 !important; color: #fff !important; text-align: center !important; display: block !important; font-size: 1.2em !important; font-weight: bold !important; float: none !important; }
			#boxer .flashError .content { background: #f00 !important; } /* здесь цвет фона у ошибки */
			
#boxerInplace { border: 4px solid #aaa; background: #f0f0f0; color:#666; font-size: 1.2em; position: absolute; width:170px; }
	#boxerInplace .text { padding: 2px 10px 2px 10px; font-size: 1.2em; font-weight:bold; }
	#boxerInplace .btns { padding: 0 8px 8px 8px; }
		#boxerInplace .btns a { margin-right:5px; padding:2px 4px; font-size: 1.4em; font-weight: bold; }
	#boxerInplace.error { border-color: #f00; color:#f00; }

/******************************************* 
	im.multiupload
*******************************************/
#multiupload .cc { min-height:200px; }
#multiupload .filesBox { clear:both; overflow: hidden; margin-top: 10px; }
	#multiupload .filesBox li {	margin: 5px 5px; padding: 5px 10px; background: #fff; clear: both; overflow: hidden; }
	#multiupload .filesBox li.uploading { background-image: url(../images/wait2.gif); background-position: right 50%; background-repeat: no-repeat;}
	#multiupload .filesBox li.ready { background: #b5fc7c; }
	#multiupload .filesBox li.error { background: #fc8376; }
		#multiupload .filesBox li .name { padding: 0px 3px;	font-size: 1.2em; margin-right: 100px; }
		#multiupload .filesBox li .size { color: #777; font-size: 1em; }
		#multiupload .filesBox li .status, #multiupload .filesBox li .cancel { float: right; }
		#multiupload .filesBox li .cancel {	display: block;	height: 16px; width: 16px; overflow: hidden; background: transparent url(../images/icons/delete.gif) 0px 0px no-repeat; margin-left: 5px; }

/******************************************* 
	im.taggin
*******************************************/

#people { padding: 10px; margin-bottom: 15px; }

#photoOverlay { position: absolute; background: transparent; z-index: 2008; display: none; }
#lightedArea { position: absolute; z-index: 2010; overflow: hidden; border: 1px solid #FFCD11; display: none; cursor: move; }
	#lightedArea img { position: absolute; }

.ontop { z-index: 2008; position: relative; background: #fff; }

.resizer { overflow: hidden; position: absolute; width: 6px; height: 6px; background: #FFCD11; z-index: 10; visibility: hidden; display: block; }
	#r_se { bottom: 0px; right: 0px; cursor: se-resize; }
	#r_e { top: 50%; right: 0px; margin-top: -3px; cursor: e-resize; }
	#r_ne { top: 0px; right: 0px; cursor: ne-resize; }
	#r_n { top: 0px; left: 50%; margin-left: -3px; cursor: n-resize; }
	#r_nw { top: 0px; left: 0px; cursor: nw-resize; }
	#r_w { top: 50%; left: 0px; margin-top: -3px; cursor: w-resize; }
	#r_sw { left: 0px; bottom: 0px; cursor: sw-resize; }
	#r_s { bottom: 0px; left: 50%; margin-left: -3px; cursor: s-resize; }
	

#tagginInfo { position: absolute; background: #fff;	display: none; text-align: center; z-index: 2008; font-size: 1.2em; line-height: 20px; padding: 60px 20px; }

#tagList { background: #fff; border: 4px solid #333; margin: 0px auto; display: none; text-align: left; width: 500px; overflow: hidden; z-index: 3100; }
	#tagList .header { background: #eee !important; overflow: hidden; display: block; padding: 3px; float: left; width: 100%; }
		#tagList .header h1 { font-size: 1.4em; line-height: 25px; float: left; }
		#tagList .header .close_button { background: url(../images/icons/wc.gif) center center no-repeat; display: block; width: 25px; height: 25px; font-weight: bold; text-align: center; line-height: 25px; color: #000; float: right; margin-right: 5px; #margin-right: 3px; }
	#tagList .content { background-color:#fff; padding: 10px; display: block; font-size:1.2em; overflow: hidden; clear: both; }
	#tagList .footer { background: #eee !important; text-align: right; clear: both; padding: 5px; }
		#tagList .footer .button { background:#76b9ea; border:solid 1px #b8defa; border-right-color:#5398cb; border-bottom-color:#5398cb; color:#fff; font-size:1.4em; line-height: 26px; margin-left:10px; overflow:visible; padding:4px 8px; width: auto;}
		#tagList .footer .button:hover { background: #f19720; }

#tagList { width: 250px; position: absolute; display: none; z-index: 2010; }
	#tagList .footer { overflow: hidden; }
	#tagList .nameEdit { width: 196px; }
	#tagList p { line-height: 1.4em; }
	#tagList p.chooseFriend { margin-top: 8px; }
	#tagList .friendsList {	height: 150px; overflow: auto; border-top: 1px solid #444; }
		#tagList .friendsList a { display: block; padding: 2px 2px 2px 10px; color: #32A1CE; }
		#tagList .friendsList a:hover { background: #F5FAE2; color: #32A1CE; }
	#tagList .fGroups { width: 100%; margin-bottom: 5px; padding-right: 0px; }
		
#tagginTooltip { position: absolute; z-index: 2010; background: #fff; border: 1px solid #FFCD11; padding: 5px 7px; display: none; font-size: 1.1em; }

/******************************************* 
	star rating
*******************************************/
div.rating{cursor:pointer; display:block; height:16px;}
	div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
	div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
	div.cancel,div.cancel a{background:url(../images/icons/delete.gif) no-repeat 0 -16px}
	div.star,div.star a{background:url(../images/sprites/star.gif) no-repeat 0 0px}
	div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
	div.star_on a{background-position:0 -16px!important}
	div.star_hover a,div.star_live a:hover{background-position:0 -32px}
	/* Read Only CSS */
	div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
	/* Partial Star CSS */
	div.star{background:transparent!important;overflow:hidden!important}
	div.ratingD { color:#999; float:left; padding-left:6px; font-size:1.2em; }
	
	
/******************************************* 
	ADD for marks
*******************************************/
/*#content .panel .blue2 h3 SPAN {padding:0 5px;}*/
#content .panel H3 SPAN {margin-left:20px; font-size:0.9em;}

#marks {}
	#marks .icons, #marks .icons LI, #marks .icons UL {float:none;}
	#marks TABLE {width:100%;}
	/*.marksTable TD {border: 1px solid black;}*/
	#marks caption, th, td, center {vertical-align: middle;}
	#marks THEAD TD {border-right:#bbb 1px solid; border-bottom:#bbb 1px solid; font-weight:bold; color:#888; font-size:1.1em; padding-bottom:3px; text-align:center;}
	#marks TD.mL {text-align:left; border-right:none;}
	#marks TD.mP {width:90px;}
	#marks TD.mMs {width:310px;}
	#marks TD.mH {width:10%;}
	#marks TD.mO {width:10%;}
	#marks TD.mK {width:10%;}
	#marks TD.mC {width:230px; border-right:none;}
	
	
	#marks TBODY TR.gray {background:#fcfdff;}
	#marks TBODY TR.toggle {background:#f2f2f2;}
	/* PRESENCE */
	#marks TBODY TD {border-right:#bbb 1px solid; border-bottom:#bbb 1px solid; font-size:1.1em; padding:3px; text-align:center;}
		#marks .mP A {height:17px; padding:2px 0; border:#bbb 1px solid; display:block;}
			#marks td.mP A {}
			#marks .mPresence {/*background:#e3e3e3; height:17px; padding:2px 0; border:#bbb 1px solid;*/ text-align: center;}
			#marks A.mPresence {background:#f6faff; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.mpNone {background:#f6faff; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.mpOut, A.mpOut {background:#f9b5b4; color:#e42020; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.mpIll, A.mpIll {background:#fff1dd; color:#6f6961; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.mpDelay, A.mpDelay {background:#eee3dd; color:#6f6961; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.mpPass, A.mpPass {background:#ccf1dd; color:#6f6961; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
			#marks A.ajaxWait {background:url(../images/ajax-loader7.gif) center no-repeat; /*height:17px; padding:2px 0; border:#bbb 1px solid;*/}
		
		
		#marks TBODY TD.mP {vertical-align:middle; padding-top:3px;}
		#marks TBODY TD.mC {text-align: center; padding-top:6px;}
			#marks TBODY TD.mC A {float:right; color:red; display:none;}
			#marks TBODY TD.mC A.mcVisible {display:block;}
			#marks TBODY TD.mC .mcNone {color:#aaa; font-size:0.8em;}
			#marks TBODY TD.mC .mcText {color:#555; font-size:0.9em; padding:3px; text-align:left;}
		
		/* MARKS */
		#marks .mH {text-align:center;}
		#marks .mH DIV, #marks .mZ DIV {display:table; margin:0 auto;}
			
		/*#marks .mH UL {display:table; margin:0 auto;}
			#marks .mH LI {float:left; width:5px; padding:4px; font-size:1.1em;}
			#marks .mH LI.mmPlace {margin:0 4px; padding:2px; font-size:1.1em; font-weight:bold; width:20px; border:#f6faff 1px solid;}
			#marks .mH LI.mmPlace SPAN {font-weight:bold; color:#accce6; font-size:0.9em;}
			#marks .mH LI.mmHover {border:#f19720 1px solid; cursor:pointer; background:#ece9d8;}
			#marks .mmNone {width:15px; height:15px; color:#aaa; border:#bbb 1px solid; margin:0 auto;}*/
			
			#marks .mH A {float:left; display:block; width:20px; font-size:1.1em; margin:0 auto; padding:2px; font-weight:bold; border:#f6faff 1px solid;}
			#marks .mZ A {float:left; display:block; width:25px; font-size:1.1em; margin:0 auto; padding:2px; border:#f6faff 1px solid;}
			#marks .mH A.mmPlace SPAN, #marks .mZ A.mmPlace SPAN {font-weight:bold; color:#accce6; /*font-size:0.9em;*/}
			#marks .mH A.mmHover, #marks .mZ A.mmHover {border:#f19720 1px solid; cursor:pointer; background:#ece9d8;}
			#marks A.mmNone {width:15px; height:15px; color:#aaa; border:#bbb 1px solid; margin:0 auto;}
			/*A.mmHide {display:none;}*/
			#marks .mH A.ajaxWait2, #marks .mZ A.ajaxWait2 {background:url(../images/ajax-loader3.gif) center no-repeat; display:block; width:20px; height:18px;}
		
		#marks TBODY TD INPUT {font-size:1em;}
			#marks TBODY TD.mP INPUT {padding:2px; width:40px;}
			#marks TBODY TD.mH INPUT {padding:2px; width:40px;}
			#marks TBODY TD.mC INPUT {padding:2px; width:210px;}
		

/* WINDOW
******************************/
.owBlock {background:#eee; width: 90px;}
.owBlock2 {background:#ddd; width:235px; height:150px; text-align:center; padding-top:5px;}

#boxerInplace2 { border: 2px solid #aaa; background: #fff; color:#666;position: absolute; z-index:1000;}
	#boxerInplace2 .text {/* padding: 2px 10px 2px 10px; font-size: 1.2em; font-weight:bold; */}
	#boxerInplace2 .text UL LI {margin:0; text-indent:0;}
	#boxerInplace2 OL {list-style: none; list-style-image: none; list-style-type: none; margin:0 7px; padding:0;}
	#boxerInplace2 OL LI {padding:3px 0;}
	#boxerInplace2 OL A {display:block; width:97%; height:100%; text-align: center; /*background:#f9b5b4;*/ border:#bbb 2px solid; margin:0 auto;}
	#boxerInplace2 OL A:hover {/*background:#d88787;*/ border:orange 2px solid;}
	#boxerInplace2 .btns { padding: 0 8px 8px 8px; }
		#boxerInplace2 .btns a { margin-right:5px; padding:2px 4px; font-size: 1.4em; font-weight: bold;}
	#boxerInplace.error { border-color: #f00; color:#f00; }
	
	#boxerInplace2 TEXTAREA {width:90%; height: 100px;}
	#boxerInplace2 .owButtons {width:70%; padding-top:7px; margin:0 auto;}
	#boxerInplace2 A.owButSubmit {width:60px; background:#fff1dd; border:#bbb 1px solid; display:block;}
	#boxerInplace2 A.owButEsc {width:60px; background:#f9b5b4; border:#bbb 1px solid; display:block; float:right;}
	
	.confirm {width:110px; margin:0; padding:10px; margin-left:-50px; margin-top:5px;}
	
	
.ffff {background:#fff1dd; border:#bbb 1px solid; color:navy;}
.zDiv TEXTAREA {font-size:8px; color:#6f6961;}
.zDiv INPUT {padding:2px 0;margin:0; font-size:20px;}

#overlay {z-index:10000; position:absolute; top:0; left:0; width:100%; height:100%; /*background: gray;*/ cursor:wait;}

#boxerInplace3 { border: 2px solid #aaa; background: #fff; color:#666;position: absolute; z-index:1000;}
#boxerInplace3 .owBlock {width:102px; display:table;}
	#boxerInplace3 .text {padding:0; margin:0;}
	#boxerInplace3 .text OL {margin:0; text-indent:0; padding:0;}
	#boxerInplace3 .text OL LI { margin:0 0 0 4px;}
	#boxerInplace3 OL {list-style: none; list-style-image: none; list-style-type: none;}
	#boxerInplace3 OL LI {/*clear:both;*/}
	#boxerInplace3 OL A {display:block; width:90px; height:100%; text-align: center; border:#bbb 2px solid; float:left; color:black;}
	#boxerInplace3 OL A:hover {/*background:#ccf1dd;*/ border:orange 2px solid;}
	#boxerInplace3 A.mmHide {display:none; width:24px;}
	#boxerInplace3 DIV.mmDelet {margin:0 4px 0 4px; padding:0; width:90px; height:20px; text-align: center; border:#bbb 2px solid; clear:both;}



/*#boxerInplace4 { border: 2px solid #aaa; background: #fff; color:#666;position: absolute; z-index:1000;}
#boxerInplace4 .text {padding:0; margin:0; width:150px; display:table;}
	#boxerInplace4 .text OL {margin:0; text-indent:0; padding:0; }
	#boxerInplace4 .text OL LI { margin:0; text-indent:0; padding:0 21p3;}
	#boxerInplace4 OL {list-style: none; list-style-image: none; list-style-type: none  clear:both;;}
	#boxerInplace4 OL LI {float:left; width250px;}
	#boxerInplace4 OL A {display:block; width250px; height:100%; text-align: center; border:#bbb 2px solid; color:black;}
	#boxerInplace4 OL A:hover {border:orange 2px solid;}
	#boxerInplace4 .mmBigMark {width:100%;}
	#boxerInplace4 .mmBigMark DIV {width:25%; float:left; text-align:center; font-weight:bold; font-size:1.5em; padding:5px;}
	#boxerInplace4 .mmBigMark .mmbMarkPlace {border-left:#bbb 2px solid; border-right:#bbb 2px solid;}}
	#boxerInplace4 A.mmHide {display:none; width:24px;}
	#boxerInplace4 DIV.mmDelet {margin:0 auto; padding:0; width:90px; height:20px; text-align: center; border:#bbb 2px solid; clear:both;}*/
	
#helper {position: absolute; top:200px; left:200px; width:151px;}
#helper  p {width:124px; margin-left:11px; padding:4px 10px 2px 10px;
	background: url(../images/helper/bg_help_top.gif) no-repeat; font-size: 11px; color:#333;}
#helper hr {display:none;}
#helper div { width: 151px; margin: 0; padding: 0; height: 17px; background: url(../images/helper/bg_help_bottom.gif) no-repeat; }


	

/* END */